<template>
	<view class="content">
		<view class="xinwen">
			<view class="itme">
				<image class="img1" :src="image" mode="aspectFill"></image>
				<view class="r">
					<image v-show="image2 !=''" class="img2" :src="image2" mode="aspectFill"></image>
					<image v-show="image2 == ''" class="img2" style="width: 240rpx;" src="@/static/icons/xinwen.png" mode="widthFix"></image>
					<image v-show="image3 !=''" class="img3" :src="image3" mode="aspectFill"></image>
					<image v-show="image3 == ''" class="img3" style="width: 240rpx;" src="@/static/icons/xinwen.png" mode="widthFix"></image>
				</view>
				
			</view>
			<view class="text">{{brief}}</view>
			
		</view>
	</view>
</template>            

<script>
	export default {
		data() {
			return {
				xinwenData:{},
				brief:"",
				image:'',
				image2:'',
				image3:'',
				
			};
		},
		onLoad(option) {
			
			this.brief = option.brief
			this.image = option.image
			if(option.image2 != "" & option.image3 != ""){
				this.image2 = option.image2
				this.image3 = option.image3
			}			
			
			
		},
		onUnload() {
			
		}
	}
</script>

<style lang="scss">
	
.content{
	
	.xinwen{
		.itme{
			display: flex;
			justify-content: space-around;
			align-items: center;
			margin-top: 10px;
			.img1{
				width: 396rpx;
				height: 438rpx;
				border-radius: 15px;
			}
			.r{
				display: flex;
				flex-direction: column;
				.img2{
					width: 320rpx;
					height:210rpx;
					margin-bottom: 5px;
					border-radius: 15px;
				}
				.img3{
					width: 320rpx;
					height:210rpx;
					border-radius: 15px;
				}
			}	
		}
		.text{
			color: #000000;		
			font-size: 40rpx;
			margin: 20rpx 20rpx;
			height: 68rpx;
			line-height: 68rpx;
			
		}
		
	}
	
}
</style>
